<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/shopIndex.css"/>
	<body>
		<div id="web">
			<header class="clearfix">
				<div class="logo fl">
					<div>
						<img src="img/logo.png" />
					</div>
				</div>
				<ul class="navbar fl clearfix">
					<li><a href="index.html">首页</a></li>
					<li>
						<a href="">骑行</a>
						<div class="header-info clearfix">
							<div class="fl clearfix">
								<h4>普通版</h4>
								<ul class="text fl">
									<li><a href=""">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
									<li><a href="">儿童版短袖</a></li>
									<li><a href="">儿童版长袖</a></li>
								</ul>
							</div>
							<div class="fl clearfix">
								<h4>竞技版</h4>
								<ul class="fl">
									<li><a href="">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="">铁三</a></li>
					<li><a href="">跑步</a></li>
					<li><a href="">设计师入驻</a></li>
					<li>
						<a href="shopList.html">品牌专区</a>
					</li>
				</ul>
				<ul class="nav-img fl clearfix">
					<li>
						<div class="search">
							<input type="search"  placeholder="上衣"/>
							<input type="image" onclick="window.location.href='search.html'" src="img/search.gif" />
						</div>
					</li>
					<li>
						<div class="shop_car" onclick="window.location.href='BE-Project/flow1.html'">
							<img src="img/shopping_car.png"/>
						</div>
					</li>
					<li class="per">
						<div class="person">
							<img src="img/person.png"/>
						</div>
						<div class="lo">
							<p><a href="login.html">登录</a></p>
							<p><a href="reg.html">注册</a></p>
							<p><a href="openShop.html">我要开店</a></p>
						</div>
					</li>
					<li>
						<div class="QQ clearfix">
							<img class="fl" src="img/shopList/QQ2.jpg"/>
							<a href="" class="fr">在线客服</a>
						</div>
					</li>
					<li>
						<div class="language">
							<img src="img/language.png" />
						</div>
					</li>
				</ul>
			</header>
			<section>
				<aside>
					<p class="nav">
						<span><a href="">首页</a></span>
						>
						<span><a href="">品牌专区</a></span>
						>
						<span><a href="">DREAM</a></span>
					</p>
					<div class="brand">
						<div class="text clearfix">
							<div class="AD-logo fl">
								<img src="img/shopIndex/logo.jpg" alt="" />
							</div>
							<div class="ad-info fl">
								<p><strong>DREAM骑手</strong></p>、
								<p>全球业内领先的高端功能性运动品牌</p>
							</div>
							<div class="ad-text fr">
								<input type="button" value="关注"/>
								<input type="button" value="分享"/>
							</div>
						</div>
						<img src="img/shopIndex/carous.jpg" alt="" />
					</div>
				</aside>
				<article>
					<div class="article-title clearfix">
						<ul class="article-navbar fl">
							<li>
								<span>所有单品</span>
								<input type="image" src="img/shopIndex/down.png" />
							</li>
						</ul>
						<div class="radio fl">
							<input type="radio" id="new" name="choice" checked=""/>
							<label for="new">按更新</label>
							<input type="radio" id="hot" name="choice"/>
							<label for="hot">按热度</label>
						</div>
						<p class="fr">
							<span>共<strong>1289</strong>件商品</span>
							<span><b>1</b>/<b>16</b></span>
						</p>
					</div>
					<ul class="shop clearfix">
						<li>
							<div><img src="img/shopIndex/shop1.jpg" alt="" /></div>
							<p>竞技版骑行上衣</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop2.jpg" alt="" /></div>
							<p>普通版骑行上衣</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop3.jpg" alt="" /></div>
							<p>竞技版背带骑行裤</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop3.jpg" alt="" /></div>
							<p>竞技版背带骑行裤</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop1.jpg" alt="" /></div>
							<p>竞技版骑行上衣</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop2.jpg" alt="" /></div>
							<p>普通版骑行上衣</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop3.jpg" alt="" /></div>
							<p>竞技版背带骑行裤</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop3.jpg" alt="" /></div>
							<p>竞技版背带骑行裤</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop1.jpg" alt="" /></div>
							<p>竞技版骑行上衣</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop2.jpg" alt="" /></div>
							<p>普通版骑行上衣</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop3.jpg" alt="" /></div>
							<p>竞技版背带骑行裤</p>
							<p>¥299</p>
						</li>
						<li>
							<div><img src="img/shopIndex/shop3.jpg" alt="" /></div>
							<p>竞技版背带骑行裤</p>
							<p>¥299</p>
						</li>
					</ul>
					<div class="page clearfix">
						<ul class="link fr clearfix">
							<li><button><</button></li>
							<li class="active"><button>1</button></li>
							<li><button>2</button></li>
							<li><button>3</button></li>
							<li><button>...</button></li>
							<li><button>></button></li>
							<li>
								<button>跳至</button>
							</li>
							<li class="clearfix">
								<input class="fl" type="text" />
								<span class="fr">页</span>
							</li>
							<li><button>跳转</button></li>
						</ul>
					</div>
				</article>
				
			</section>
			<footer>
				<div class="list clearfix">	
					<div class="foot-logo fl">
						<img src="img/foot-logo.png"/>
					</div>
					<div class="foot-list fl clearfix">
						<div>
							<ul>
								<li><a href="">新手指南</a></li>
								<li><a href="">用户注册</a></li>
								<li><a href="">定制流程</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">付款方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">支付问题</a></li>
								<li><a href="">常见问题</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">售后服务</a></li>
								<li><a href="">退款换货</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">联系我们</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">政策条款</a></li>
								<li><a href="">服务协议</a></li>
								<li><a href="">隐私条款</a></li>
								<li><a href="">版权条款</a></li>
							</ul>
						</div>
					</div>
				</div>
				<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</footer>
		</div>
	</body>
</html>
